<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/style.css" />
  <script src="./js/flexible2.0.js"></script>
  <script src="./js/vue/vue-2.6.1.min.js"></script>
  <script src="./js/vue/axios.min.js"></script>
  <link rel="stylesheet" href="./js/nutui/nutui.css" />
  <script src="./js/nutui/nutui.js"></script>
  <script src="./js/Swiper/js/swiper.min.js"></script>
  <link rel="stylesheet" href="./js/Swiper/css/swiper.min.css" />
</head>

<body>
  <div class="page-hyzl" id="app">
    <div class="mx-auto header-banner-txt"></div>
    <div class="header-notice flex flex-row items-center">
      <span class="pic-icon flex-shrink-0 mr-10"></span>
      <div class="notice-list flex-1 swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
          <div class="swiper-slide">
            SlideSlideSlideSlideSlideSlideSlideSlideSlideSlide 1
          </div>
        </div>
      </div>
    </div>
    <div class="sec-ysz-container relative">
      <div class="ysz-wan relative">
        <div class="dice-box"></div>
      </div>
      <div class="bg-pic1"></div>
    </div>
    <div class="fqzl-btn">发起助力</div>
    <p class="color-fff f24 text-center mt-20">本月您已收到0次助力</p>
    <p class="color-fff f24 text-center mt-5">额外获得0次博饼机会</p>
    <div class="relative hyzl-section-pt mt-30">
      <div class="hyzl-section-cap cap-hdgz"></div>
      <div class="hyzl-section-wrapper">
        <div class="hyzl-section-inner">
          <div class="hyzl-section-content pt-60 px-40 f26 leading-normal">
            <div class="mt-20">1、“农行到家”小程序、掌银APP同时上线博饼活动。每个客户登录活动，可通过中秋博饼活动获得积分，积分可兑换对应的奖品；</div>
            <div class="mt-30">2、每个客户博中一秀以上的奖项，博中的奖品为活动积分。活动积分可累积（同时参加“农行到家”小程序、掌银APP博饼活动，积分可同时累积，例如：小程序博饼获得10积分、掌银博饼获得20积分，客户活动积分为30分），用于兑换不同等级的奖品。客户参与博饼活动所获得的积分可在掌银APP上兑换。
            </div>
            <div class="mt-30">3、客户活动期间登录“农行到家”小程序每日可获得1次博饼机会，首次登录“农行到家”小程序额外奖励2次博饼机会（即首次登录为3次博饼机会）。更多博饼机会，可前往”掌银APP-城市专区”参与博饼活动，根据客户掌银星级获得博饼次数，1-2星客户每日3次博饼机会，3-7星客户每日6次博饼机会。
            </div>
            <div class="mt-30">4、邀好友博饼大PK模式：通过邀请好友PK获得相应积分，客户除每日登录正常博饼获得积分外，还可邀请好友通过农行掌银APP进行博饼PK来获得积分。</div>
            <div class="index-2em">（1）邀请的好友客户需有10积分以上，才可加入PK模式；如积分为零则无法参与。</div>
            <div class="index-2em">（2）邀请好友加入PK，以博到的官级高低对应的积分差额为奖励，博到官位低者扣除对应积分差额，博到官位高者获得对应积分差额。如遇客户积分不足扣除积分差额，则官位高者获得官位低者的剩余积分。</div>
            <div  class="mt-30">例如：客户A博到官级一秀获得10积分，客户B博到官级四进获得30积分，中间差20积分。客户A官位低扣除20分，客户B官位高获得20积分(博到官位低者扣分，高者得分)；如客户A账户只剩余10积分，则客户B获得客户A剩余的10积分。
            </div>
            <div class="index-2em">（3）客户每日可邀请好友参加PK模式30次。</div>
            <div class="mt-30">5、连续登录掌银7天、21天，客户可以额外获得博饼的机会。根据客户等级，1-2星客户连续登录7天增加3次机会，连续登录21天增加6次机会；3-7星客户连续登录7天增加5次机会，连续登录21天增加10次机会；
            </div>
            <div class="mt-30 color-f60">6、分享获得博饼次数：分享成功后客户本人以及被邀请人均可额外获得1次博饼次数，每日分享次数/被邀请次数均不超过30次；</div>
            <div class="mt-30">7、客户通过掌银APP的数字人民币购买链接，还可每天支付1分钱多得3次博饼资格赢得积分。（客户支付的1分钱将于当日退回客户原付款数字人民币钱包）</div>
          </div>
        </div>
      </div>
    </div>
    <!--  -->
    <nut-popup v-model="isShowGuide" position="center" class="popup-invite-guide">
      <div @click="onInvite"  class="handle-btn"></div> 
      <div @click="isShowGuide= false" class="close-btn"></div>
    </nut-popup>
  </div>
  <!-- 声音 start -->
  <script>
    let vm = new Vue({
      el: "#app",
      data: {
        isShowGuide:true
      },
      mounted() {
        //公告滚动
        this._initSwipe();
      },
      methods: {
        onInvite(){
          alert("xxxxx")
        },
        _initSwipe() {
          new Swiper(".swiper-container", {
            autoplay: 2500,
            direction: "vertical",
          });
        },
      },
    });
  </script>
</body>

</html>